.detailAll {
  width: 100%;
  min-height: 3000px;
  background-color: #fff;
  .detail {
    width: 1180px;
    min-height: 3000px;
    margin: 0 auto;
    h3 {
      height: 45px;
      width: 100%;
      font-size: 14px;
      line-height: 45px;
      span {
        margin: 0 10px;
      }
    }
    .detailleft {
        width: 500px;
        position: relative;
      #Dimg {
        width: 500px;
        height: 500px;
        border: 1px solid #000;
        position: relative;
        .img1 {
          width: 498px;
          height: 498px;
          position: absolute;
        }
        #sbox{
            width: 150px;
            height: 150px;
            background: rgba(70, 70, 70, 0.5);
            position: absolute;
            top: 0px;
            left: 0px;
            z-index: 999;
        }
        .morenli {
          z-index: 2;
        }
      }
      #imgBox{
        position: absolute;
        left: 500px;
        top:1px;
        width:600px;
        height: 600px;
       overflow: hidden;
        #img3{
            position: absolute;
            top: 0;
            left: 0;
          }
        }
    }
    .BannerList1 {
      position: relative;
      .ul1 {
        width: 460px;
        height: 92px;
        position: relative;
        overflow: hidden;
        margin-left: 19px;
        ul {
          width: 1000px;
          position: absolute;
          top: 10px;
          li {
            float: left;
            width: 82px;
            height: 82px;
            margin: 0 5px;
            border: 2px solid #e8e8e8;
            cursor: pointer;
            .img2 {
              width: 78px;
              height: 78px;
            }
          }
        }
      }
      .tubiao {
        width: 20px;
        .shang {
          position: absolute;
          top: 10px;
          display: block;
          width: 20px;
          height: 82px;
          border: 1px solid #e8e8e8;
          line-height: 82px;
          text-align: center;
          font-size: 20px;
          cursor: pointer;
        }
        .xia {
          position: absolute;
          top: 10px;
          left: 478px;
          display: block;
          width: 20px;
          height: 82px;
          border: 1px solid #e8e8e8;
          line-height: 82px;
          text-align: center;
          font-size: 20px;
          cursor: pointer;
        }
      }
    }
  }
}

.videoRecommendation1 {
  position: relative;
  .videosheep {
    .videosheep1 {
      &:hover {
        .videoed {
          transform: scale(1.2, 1.2);
        }
        cursor: pointer;
      }
      .videoed {
        transition: 2s;
        width: 50px;
        height: 50px;
        position: absolute;
        left: 30px;
        top: 400px;
        z-index: 9999;
        border-radius: 100%;
        background-color: #000;
      }
      .videos {
        display: none;
        border: 1px solid #080808;
        position: fixed;
        left: 50%;
        top: 50%;
        margin-left: -320px;
        margin-top: -210px;
        z-index: 100;
        width: 640px;
        height: 360px;
      }
      .vclose {
        position: absolute;
        right: 1%;
        top: 1%;
        border-radius: 100%;
        cursor: pointer;
      }
      .videolist1 {
        width: 498px;
        height: 498px;
      }
    }
  }
}
